<template>
  <div id="app" style="width:100%; height:100%;">
    <router-view></router-view>
  </div>
</template>
<script>
  document.body.ondrop = function(event) {
    event.preventDefault();
    event.stopPropagation();
  };
  const debounce = (fn, delay) => {
    let timer = null;
    return function () {
      let context = this;
      let args = arguments;
      clearTimeout(timer);
      timer = setTimeout(function () {
        fn.apply(context, args);
      }, delay);
    }
  }
  const _ResizeObserver = window.ResizeObserver;
  window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
    constructor(callback) {
      callback = debounce(callback, 16);
      super(callback);
    }
  }
</script>
<style>
.el-select_wrapper{
    height: 28px;
    overflow: hidden;
}
video#bgvid {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  background-size: cover;
}
source{
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
}
.el-page-header__header .el-page-header__left .el-divider--vertical{
  margin: 0px;
}
.el-page-header__back .el-page-header__title{
    display: none;
}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
margin: 0;
padding: 0;
}
*{box-sizing: border-box;}
html, body {
  width: 100%;
  height: 100%;
}
#app{
  width: 100%;
  height: 100%;
}
body {
font-family: "Microsoft YaHei";
font-size:14px;
color:#333;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {
list-style: none;
}

img {
border: none;
vertical-align: middle;
}

a {
text-decoration: none;
color: #232323;
}

table {
border-collapse: collapse;
table-layout: fixed;
}

input, textarea {
outline: none;
border: none;
}

textarea {
resize: none;
overflow: auto;
}

.clearfix {
zoom: 1;
}

.clearfix:after {
content: ".";
width: 0;
height: 0;
visibility: hidden;
display: block;
clear: both;
overflow:hidden;
}

.fl {
float: left
}

.fr {
float: right
}

.tl {
text-align: left;
}

.tc {
text-align: center
}

.tr {
text-align: right;
}

.ellipse {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inline{
display: inline-block;
}
html,body{
  width: 100%;
  height: 100%;
  margin: 0px 0px;
}
</style>
